<template>
  <div class="arena">
    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <polygon points="220,100 300,210 170,250" style="fill:#cccccc;stroke:#000000;stroke-width:1px"/>
      <rect width="300" height="100" x="20" y="20" style="fill:rgb(0,0,255);stroke-width:1px;stroke:rgb(0,0,0)"/>
      <path d="M250 150 L150 350 L350 350 Z" />
    </svg>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'arena'
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .arena
    flex 1
    background-color bisque
</style>
